<template>
  <div class="zuo">
    <van-nav-bar class="ding" title="司机取消订单" @click-left="goBack()" left-text="" left-arrow />
    <div class="privacy-content">
      <p v-for="(item, index) in privacyContent" :key="index">
        {{ item }}
      </p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      privacyContent: [
        "尊敬的用户，您好！",
        "尊敬的乘客，我们留意到您在近期的出行叫车过程中，多次遇到司机取消订单的情况呀，对此我们深感抱歉，给您的出行带来了很大的不便呢。",
        "出现这种情况可能是由于当前区域用车需求较大，司机运力相对紧张，部分司机确实存在无法承接订单的客观原因；或者是一些特殊时段交通状况等因素影响了司机的正常接送呢。但无论如何，我们都在积极协调解决哦。",
        "为了帮助您尽快顺利出行，我们已经为您开启了优先叫车通道哦，接下来您再次叫车时，我们会优先为您匹配更可靠、更有保障的司机资源，提高您的叫车成功率呢。",
        "另外，我们还会额外赠送您一些出行优惠券哦，可用于您后续的打车消费，希望能在一定程度上弥补这次出行不便给您带来的不愉快呢。",
        "如果您还有其他疑问或者需要进一步的帮助，随时点击‘联系客服’按钮，我们的客服团队会全力为您服务哒，祝您出行愉快呀！"
      ]
    };
  },
  methods: {
    goBack(){
      this.$router.go(-1);
    }
  },
  created() {},
};
</script>

<style scoped>
.zuo {
  text-align: left;
  margin-top: 20px;
}
.privacy-agreement-page {
  padding: 10px;
}
.privacy-content {
  margin-top: 20px;
  font-size: 18px;
}
.privacy-content p {
  line-height: 1.8;
}
.ding{
  font-size: 18px;
}
</style>
